<template>
  <van-tabs class="greyTab" color = "#198AFF" line-width="20px"
            title-active-color = "#198AFF" title-inactive-color="#999" background="#f5f5f5">
    <van-tab v-for="(e,index) in tabData" :key="index" :title="e.title">
      <hover-pages :pageName='e.name'/>
    </van-tab>
  </van-tabs>
</template>

<script>
import HoverPages from '../HoverPages'
export default {
  name:'HoverTab',
  components:{
    HoverPages
  },
  props:{
    tabData:{
      type:Array
    }
  }
};
</script>

<style lang="stylus" rel="stylesheet/stylus" >
.greyTab .van-tab{
	// background-color #f5f5f5 !important
}
</style>
